<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<head>
<meta charset=ISO-8859-1>
<title>Insert title here</title>
</head>
<body>

	<wicket:Panel>
	
	<div style="width: 600px;">

		<p>

			<span style="margin-right: 35px; margin-left: 20px;" class="badge badge-inverse"> Producto</span> 
			<span class="badge badge-inverse" style="margin-right: 5px"> Tallo </span>
			<span class="badge badge-inverse" style="margin-right: 15px"> Color </span>			
			<span class="badge badge-inverse" style="margin-right: 15px"> Precio Uni. </span>
			<span class="badge badge-inverse" style="margin-right: 15px"> Cantidad </span>
			<span class="badge badge-inverse"> Total </span>
			

		</p>
		
	</div>
	
	




		<div wicket:id="productslist" style="width: 600px;">

			<p>

				<span wicket:id="tipo" style="margin-right: 10px"> --- </span>
				<span wicket:id="tallo" class="badge badge-success" style="margin-right: 18px"> --- </span>
				<span wicket:id="color" class="badge badge-success" style="margin-right: 38px"> --- </span>
				<span wicket:id="precio" class="badge badge-success" style="margin-right: 78px"> --- </span>				
				<span wicket:id="cantidad" class="badge badge-success" style="margin-right: 55px"> --- </span>
				<span wicket:id="total"> --- </span>&#8364

			</p>

		</div>	
		
		<div class="cleaner"></div>
		
		<hr size="5px" style="color: black; background-color: black;">
		
		<div style="width: 120px; float:right;"> <p style="font-size: 18px; font-weight: bold;">Total: <span wicket:id="total">  </span>&#8364</p></div>

		<div class="cleaner"></div>
	

		<button wicket:id="pdf" class=" btn btn-inverse" type="button">Guardar
			PDF</button>

		<button id="pay" class="btn btn-inverse">Realizar reserva</button>

		<a href="#myModal" role="button" class="btn" data-toggle="modal">Compartir
			con un amigo</a>


		<br />
		<br />


		<div id="myModal" class="modal hide fade" style="width: 800px">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h3>Realizar pedido</h3>
			</div>
			<div class="modal-body" style="width: 700px">

				<div>

					<p>
						<label> Numero de presupuesto: </label>
					</p>
					
					<form wicket:id="presuform">
					
					<!-- <input wicket:id="idpresu" type="text" style="width: 150px;" /> -->
					
					<select wicket:id="idpresu" style="width: 80px;" size="1">

						</select>
					
					<button  wicket:id="presuboton" class=" btn-small btn btn-inverse"> Enviar</button>
					
					
					</form>
					
				 <!-- <embed src="http://localhost/pdf/6.pdf"  width="1000" height="600"> -->
					
		<div wicket:id="presulist" style="width: 600px;">

			<p>

				<span wicket:id="ptipo" style="margin-right: 10px"> --- </span>
				<span wicket:id="ptallo" class="badge badge-success" style="margin-right: 18px"> --- </span>
				<span wicket:id="pcolor" class="badge badge-success" style="margin-right: 38px"> --- </span>
				<span wicket:id="pprecio" class="badge badge-success" style="margin-right: 78px"> --- </span>				
				<span wicket:id="pcantidad" class="badge badge-success" style="margin-right: 55px"> --- </span>
				<span wicket:id="ptotal"> --- </span>&#8364

			</p>

		</div> 
					
					
					

				</div>


				

			</div>
			<div class="modal-footer">
				<a id="close" onclick="close()" href="#" class="btn">Close</a>
			</div>
		</div>

		<script>
			$("#close").click(function() {

				$('#myModal').modal('hide');
			});
			
			$("#pay").click(function() {
				
				$('#myModal').modal('show');
			});
			
			function open_modal () {
				
				$('#myModal').modal('show');
				
			}


		</script>

	</wicket:Panel>

</body>
</html>